:root {
	--shadow-color: 0deg 0% 0%;
	  --shadow-elevation-medium:
	  0.5px 0.5px 0.7px hsl(var(--shadow-color) / 0.14),
	  1.1px 1.1px 1.5px -0.9px hsl(var(--shadow-color) / 0.12),
	  2.4px 2.5px 3.3px -1.8px hsl(var(--shadow-color) / 0.1),
	  5.3px 5.6px 7.3px -2.7px hsl(var(--shadow-color) / 0.09),
	  11px 11.4px 15.1px -3.6px hsl(var(--shadow-color) / 0.07);
}

/* modal */

.image-rename-modal .modal {
	width: 65%;
	min-width: 600px;
}
.image-rename-modal .modal-content {
	padding: 10px 5px;
}
.image-rename-modal .image-container {
	display: flex;
	justify-content: center;
}

.image-rename-modal .info {
	padding: 10px 0;
	color: var(--text-muted);
	user-select: text;
}
.image-rename-modal .info li > span:nth-of-type(1) {
	display: inline-block;
	width: 6em;
	margin-right: .5em;
}
.image-rename-modal .info li > span:nth-of-type(1):after {
	content: ':';
	float: right;
}
.image-rename-modal .image-container img {
	display: block;
	max-height: 300px;
	box-shadow: var(--shadow-elevation-medium);
}

.image-rename-modal .setting-item-control input {
	min-width: 300px;
}

/*
.image-rename-modal .setting-item {
	flex-wrap: wrap;
}
*/

.image-rename-modal .error {
	border: 1px solid rgb(201, 90, 90);
	color: rgb(134, 22, 22);
	padding: 10px;
}

.image-rename-modal table {
	font-size: .9em;
	line-height: 1.8;
	margin-bottom: 1.5em;
	user-select: text;
}

.image-rename-modal table td {
	padding-right: 1em;
}

.image-rename-modal table thead td {
	font-weight: 700;
}

.image-rename-modal table tbody td .file-path {
	font-size: .8em;
	color: var(--text-faint);
	line-height: 1;
}


/* settings */

.long-description-setting-item {
	flex-wrap: wrap;
}
.long-description-setting-item .setting-item-description {
	white-space: pre-wrap;
	line-height: 1.3em;
}

.long-description-setting-item .setting-item-control {
	padding-top: 10px;
}
.long-description-setting-item .setting-item-control input {
	min-width: 300px;
	width: 50%;
}
